<template>
  <div class="main-content">
    <p>您好，欢迎使用思普云管理平台</p>
    <br />
    <div>
      <p>Icon使用示例：</p>
      <sc-icon name="icongongchengshi"></sc-icon>
    </div>
    <br />
    <div>
      <p>当前语言：{{ $store.getters.language }} --- {{ $t('common.text') }}</p>
    </div>
    <br />
    <div>
      <p>主题色示例：</p>
      <br />
      <p>非element组件：</p>
      <p class="demo-text">文字颜色</p>
      <br />
      <p>element组件：</p>
      <br />
      <el-button type="primary">主题色按钮</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home'
};
</script>

<style lang="scss" scoped>
.demo-text {
  color: var(--color-primary);
}
</style>
